<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <link rel="stylesheet" href="css/lib/swiper-3.3.1.min.css">
    <script src="js/lib/swiper-3.3.1.min.js"></script>
    <title>index</title>
</head>
<body>
<div class="header">
    <div class="header-wrap clearfix">
        <div class="header-left fl">
            <ul class="clearfix">
                <li class="logo">博</li>
                <li>体育</li>
                <li>彩票</li>
                <li>电子竞技</li>
                <li>真人荷官</li>
                <li>金融</li>
                <li>优惠</li>
            </ul>
        </div>
        <div class="header-right fr">
            <p class="date"></p>
            <input id="usn" class="lginput" type="text">
            <input id="pwd" class="lginput" type="password">
            <input id="lgbtn" class="lginput" type="button" value="登录">
            <input id="regbtn" class="lginput" type="button" value="注册">
        </div>
    </div>
</div>
<div class="lb">
    <div class="lb-wrap">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/lb/lb1.png" alt=""
                                               style="width:1920px;margin:0 calc(50% - 960px);"></div>
                <div class="swiper-slide"><img src="images/lb/lb2.png" alt=""
                                               style="width:1920px;margin:0 calc(50% - 960px);"></div>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="main-wrap">
        <div id="bar1">
            <span class="bar1-t"><span class="bar1-m1">每日签到送现金</span><span class="bar1-m2">10元充值即可获得签到机会</span></span>
            <span class="bar1-t"><span class="bar1-m1">快乐彩 88元现金体验</span><span class="bar1-m2">新会员你注册自助优惠</span></span>
            <span class="bar1-t"><span class="bar1-m1">PK10 每日救援金</span><span
                    class="bar1-m2">保险比例10% 金额无上限</span></span>
            <span class="bar1-t bar1-4"><span class="bar1-m1">手机版 平台</span><span
                    class="bar1-m2">无需下载客户端一样游戏</span></span>
        </div>
        <div id="bar2">
            <div id="bar2-1">
                <div class="button b1 OutIn">
                    <span></span>
                </div>
                <div class="button b2 OutIn">
                    <span></span>
                </div>
                <div class="button b3 OutIn">
                    <span></span>
                </div>
                <div class="button b4 OutIn">
                    <span></span>
                </div>
            </div>
            <div id="bar2-2">
                <ul class="bar2-2ul clearfix">
                    <li class="bar2-2-titactive" id="b2titlepk10">PK10</li>
                    <li id="b2titlebjkl">北京快乐彩</li>
                    <li id="b2titlejndkeno">加拿大keno</li>
                    <li id="b2title18keno">18keno</li>
                </ul>
                <div class="bar2-2-main">
                    <ul class="pk10 b10"></ul>
                    <ul class="bjkl b20"></ul>
                    <ul class="jndkeno b20"></ul>
                    <ul class="18keno b20"></ul>
                </div>
            </div>
            <div id="bar2-3">
                <div class="bar2-3-title">幸运中奖喜讯</div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footerwrap">
        <div class="footerbank"></div>
        <div class="footerbrand"></div>
    </div>
</div>
<div class="jp-left"></div>
<div class="jp-right" style="right: -15rem">
    <div class="jp-right-title"></div>
    <div class="jp-right-main">
        <p class="jp-right-p1"></p>
        <p class="jp-right-p2"></p>
        <p class="jp-right-p3"></p>
        <p class="jp-right-p4"></p>
        <p class="jp-right-p5"></p>
    </div>
</div>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
        direction: 'horizontal',
        loop: true,
        effect: 'fade',
        autoplay: 5000,
        speed: 600,
        roundLengths: true,
        slideToClickedSlide: true,
        preloadImages: false,
        slidesPerView: 1,
        centeredSlides: true,
    })
</script>
</body>
<script src="js/index.js"></script>
</html>